
.form {
  padding: 20px 20%;
  position: relative;
  left: 0;
  right: 0;
}

.form-table{
  @include full-width;
  tbody{
    tr{
      text-align: center;
      td{               
        height: 36px;
        input,textarea{
          outline: 0;
          font-size: 24px;
        }
      }
      td:nth-child(1){
          padding: 4px 12px 4px 0px;
          font-size: 18px;
          text-align: right;
          &:after {content: ":";}
      }
      td:nth-child(2){
          padding: 4px 4px 4px 12px;
          *{
            height: 100%;
            width: 100%;
          }
      }
    }
  }

}

.form-footer{
  padding: 20px 20%;
  position: relative;
  right: 0;
  left: 0;
}

.form-btn {
  width: 100%;
  margin: 2px calc(16px);
  height: 36px;
  background-color: $pink;
  outline: 0px;
  border: 0px;
  cursor: pointer;
  &:hover{
      box-shadow: 5px 5px $gray-700;
  }
}